<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index.css">
</head>
<body>


<div class="search-area"></div>

<div class="wrapper">
  <dl id="A">
    <dt>A</dt>
    <dd>
      <a href="tel:123">
        <div class="avatar"></div>
        <span>Aaa12312</span>
      </a>
    </dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
    <dd>Aaaaaa卖鞋子</dd>
  </dl>
  <dl id="B">
    <dt>B</dt>
    <dd>毕克</dd>
    <dd>毕福建</dd>
    <dd>毕福建</dd>
    <dd>毕福建</dd>
    <dd>毕福建</dd>
    <dd>毕福建</dd>
    <dd>毕福建</dd>
    <dd>毕福建</dd>
    <dd>毕福建</dd>
  </dl>
  <dl id="C">
    <dt>C</dt>
    <dd>陈娟维</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
    <dd>陈福建</dd>
  </dl>
  <dl id="F">
    <dt>F</dt>
    <dd>福建</dd>
    <dd>福建</dd>
    <dd>福建</dd>
    <dd>福建</dd>
    <dd>福建</dd>
    <dd>福建</dd>
    <dd>福建</dd>
    <dd>福建</dd>
    <dd>福建</dd>
  </dl>
  <dl id="H">
    <dt>H</dt>
    <dd>黄福建</dd>
    <dd>黄福建</dd>
    <dd>黄福建</dd>
    <dd>黄福建</dd>
    <dd>黄福建</dd>
    <dd>黄福建</dd>
    <dd>黄福建</dd>
    <dd>黄福建</dd>
  </dl>
  <dl id="Z">
    <dt>Z</dt>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
    <dd>张艺兴</dd>
  </dl>
</div>


<div class="index-wrapper">
  <a href="#A">A</a>
  <a href="#B">B</a>
  <a href="#C">C</a>
  <a href="#F">F</a>
  <a href="#H">H</a>
  <a href="#Z">Z</a>
</div>

<!-- ajax -->




</body>
</html>
